import { Col, Row, Breadcrumb } from 'antd';
import React, { Component } from 'react';
import { connect } from 'react-redux';
// import { NavLink } from 'react-router-dom';

class BackHome extends Component {
    render() {
        return (
            <div style={{ backgroundColor: '#f5f7fa',height:'92vh' }}>
                <Row>
                    <Col span={24} style={{padding:'20px'}}>
                        <Breadcrumb>
                            <Breadcrumb.Item><span style={{fontSize:'20px'}}>后台</span></Breadcrumb.Item>
                            <Breadcrumb.Item><span style={{fontSize:'20px'}}>主页</span></Breadcrumb.Item>
                        </Breadcrumb>
                    </Col>
                </Row>
                <Row>
                    <Col style={{ padding: '20px' }} span={12}>
                        <div className="myCard">
                            <div className="myCardTitle">
                                <h6 style={{ color: 'white' }}>今日销售额</h6>
                                <h2 style={{ color: 'white' }}>￥x.xx</h2>
                            </div>
                            <Row style={{ paddingTop: '90px' }}>
                                <Col span={5} offset={1}>
                                    <span style={{ color: '#909399' }}>销售单数：</span>
                                </Col>
                                <Col span={6}>
                                    <span style={{ fontSize: '17px', fontWeight: 600 }}>1</span>
                                </Col>
                            </Row>
                            <Row>
                                <Col span={5} offset={1}>
                                    <span style={{ color: '#909399' }}>销售额：</span>
                                </Col>
                                <Col span={6}>
                                    <span style={{ fontSize: '17px', fontWeight: 600 }}>123.00￥</span>
                                </Col>
                            </Row>
                        </div>
                    </Col>
                    <Col style={{ padding: '20px' }} span={12}>
                        <div className="myCard">
                            <div style={{ backgroundColor: '#697bc7' }} className="myCardTitle">
                                <h6 style={{ color: 'white' }}>今日销售额</h6>
                                <h2 style={{ color: 'white' }}>￥x.xx</h2>
                            </div>
                        </div>
                    </Col>
                </Row>
            </div>
        );
    }
}

export default connect()(BackHome);
